<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
    <script>
        console.log(1);
    </script>
</head>

<body>
    <!-- 2. 行内脚本 -->
    <button onclick="console.log(4)">点击按钮</button>
    <button onclick="console.log(7)">输出7</button>



    <!-- 1. 内嵌脚本 -->
    <script>
            // console.log(abc); // 因为abc是不是用引号包裹，所以浏览器不能解析
            // console.log("abc");// 用引号包裹就说明是一个字符串，浏览器就能解析
            console.log(2);// 数字
    </script>
</body>
</html>

<script>
    console.log(3);

</script>

<!-- 3. 外部脚本 -->
<script src="./js/main.js"></script>
<!-- script : 脚本标签 -->
<!-- console 是个对象 ，提供log方法（带小括号是方法），是用于输出日志信息-->
<!-- 通常用于排查代码是否正常运行 -->
<!-- 控制台出现红色提示，这就是一个bug（错误） -->

<!-- 问题： -->
<!-- 1. 如果没有点击按钮，控制台输出的是什么顺序 -->
<!-- 
    1
    2
    3
    5
 -->
<!-- 2. 如果点击按钮，控制台输出的是什么顺序 -->
<!-- 
  1
  2
  3
  5
  4 （事件是个行为，这个行为不发生，代码就不执行，所以4是最后输出）
 -->